﻿@{ Layout = "../../Views/Shared/_LayoutPhone.cshtml";}
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <!-- favicons -->
    <link rel="apple-touch-icon" href="~/GoTRI/img/favicon-apple.png">
    <link rel="icon" href="~/GoTRI/img/favicon.png">

    <!-- Bootstrap CSS -->
    <!-- Material design icons CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/materializeicon/material-icons.css">

    <!-- aniamte CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/animatecss/animate.css">

    <!-- swiper carousel CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/swiper/css/swiper.min.css">

    <!-- daterange CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/bootstrap-daterangepicker-master/daterangepicker.css">

    <!-- dataTable CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/DataTables-1.10.18/css/responsive.dataTables.min.css">
    <link rel="stylesheet" href="~/GoTRI/vendor/DataTables-1.10.18/css/dataTables.bootstrap4.min.css">

    <!-- jvector map CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap-2.0.3.css">

    <!-- app CSS -->
    <link id="theme" rel="stylesheet" href="~/GoTRI/css/purplesidebar.css" type="text/css">

    <title>GoTRI - Mobile</title>
</head>

<body class="fixed-header sidebar-right-close sidebar-left-close">
    <!-- content page title ends -->
    <!-- content page -->
    <div class="container mt-4 main-container">
        <div class="row">
            <div class="col-sm-12">
                <div class="card mb-12 fullscreen">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-12">
                                <h5 class="card-title mb-0" style="color:#FFA500;border-bottom: 3px solid rgb(240,123,0);">
                                    我的汇报
                                </h5>
                            </div>

                        </div>
                    </div>
                    <div class="card-body" style="margin-bottom: 70px;">
                        <table class="table" id="dataTableExample" style="width:100%">
                            <thead>
                                <tr style="text-align:center;border:2px solid #DCDCDC;border-radius:5px;border-bottom: 3px solid rgb(240,123,0);">
                                    <th scope="col" style="color: #FFA500;" hidden="hidden">状态</th>
                                    <th scope="col" style="color: #FFA500;" hidden="hidden">汇报列表</th>
                                </tr>
                            </thead>
                            <tbody id="suoshuzhanqu" style="">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="margin-bottom: 50px;padding-bottom:1px"></div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="~/GoTRI/js/jquery-3.2.1.min.js"></script>
    <script src="~/GoTRI/js/popper.min.js"></script>

    <!-- Cookie jquery file -->
    <script src="~/GoTRI/vendor/cookie/jquery.cookie.js"></script>

    <!-- sparklines chart jquery file -->
    <script src="~/GoTRI/vendor/sparklines/jquery.sparkline.min.js"></script>

    <!-- Circular progress gauge jquery file -->
    <script src="~/GoTRI/vendor/circle-progress/circle-progress.min.js"></script>

    <!-- Swiper carousel jquery file -->
    <script src="~/GoTRI/vendor/swiper/js/swiper.min.js"></script>

    <!-- Chart js jquery file -->
    <script src="~/GoTRI/vendor/chartjs/Chart.bundle.min.js"></script>
    <script src="~/GoTRI/vendor/chartjs/utils.js"></script>

    <!-- DataTable jquery file -->
    <script src="~/GoTRI/vendor/DataTables-1.10.18/js/jquery.dataTables.min.js"></script>
    <script src="~/GoTRI/vendor/DataTables-1.10.18/js/dataTables.bootstrap4.min.js"></script>
    <script src="~/GoTRI/vendor/DataTables-1.10.18/js/dataTables.responsive.min.js"></script>

    <!-- datepicker jquery file -->
    <script src="~/GoTRI/vendor/bootstrap-daterangepicker-master/moment.js"></script>
    <script src="~/GoTRI/vendor/bootstrap-daterangepicker-master/daterangepicker.js"></script>

    <!-- jVector map jquery file -->
    <script src="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap.js"></script>
    <script src="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script>

    <!-- circular progress file -->
    <script src="~/GoTRI/vendor/circle-progress/circle-progress.min.js"></script>

    <!-- Application main common jquery file -->
    <script src="~/GoTRI/js/main.js"></script>

    <!-- page specific script -->
    <script>
        $(document).ready(function () {
            huibao();
            shujudatatable();
        });

        function shujudatatable() {
            var lang = {
                "sProcessing": "大量处理中，请稍后...",
                "sLengthMenu": "每页 _MENU_ 项",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
                "sInfoEmpty": "当前显示第 0 至 0 项，共 0 项",
                "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
                "sInfoPostFix": "",
                "sSearch": "搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页",
                    "sJump": "跳转"
                },
                "oAria": {
                    "sSortAscending": ": 以升序排列此列",
                    "sSortDescending": ": 以降序排列此列"
                }
            };
            $('#dataTableExample').dataTable({
                "language": lang
            });
            $("#dataTableExample_wrapper > div:first-child").attr("hidden", "");
        }


        function huibao() {
            $.ajax({
                type: 'post',
                url: '../PhoneHuiBao/GetBenRenHuiBaoList',
                async: false,
                dataType: 'text',
                success: function (date) {
                    $("#suoshuzhanqu").html(date);
                },
            })
        }

        function ydufangfa(id) {
            var huibaoid = id;
            $.ajax({
                type: 'post',
                url: '../PhoneHuiBao/GetHuiBaoLeiXing',
                async: false,
                dataType: 'text',
                data: { huibaoid: huibaoid },
                success: function (date) {
                    if (date == "日报") {
                        location.href = "../PhoneHuiBao/RiBao?id=" + huibaoid + "&benren=1";
                    } else if (date == "周报") {
                        location.href = "../PhoneHuiBao/ZhouBao?id=" + huibaoid + "&benren=1";
                    } else if (date == "月报") {
                        location.href = "../PhoneHuiBao/YueBao?id=" + huibaoid + "&benren=1";
                    }
                },
            })
        }

    </script>
</body>

</html>
